<jsp:include page="../includes/libtags.jsp" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
	$(function() {

		$('#example').dataTable({
			"bJQueryUI" : true,
			"sPaginationType" : "full_numbers",
			"bFilter" : false
		});
		
		$('#btnAgregarFormulario').click(function() {
		  $('#tabSolicitud').hide('slow', function() {
				$('#tabFormAuto').show('slow');
		  });
		});	
		
		$('#btnCancelarForm').click(function() {
		  $('#tabFormAuto').hide('slow', function() {
				$('#tabSolicitud').show('slow');
		  });
		});

	});
</script>

<div class="tabs" id="tabSolicitud">
	<ul>
		<li><a href="#tabs-1">Generar Expediente de Autorizacion
				Especial</a></li>
	</ul>
	<div id="tabs-1">

		<table width="100%" border="0" cellspacing="1" cellpadding="5" bgcolor="#D01313">
		  <tr>
		    <td bgcolor="#E9E9E8"><strong>Datos de la Empresa de transporte</strong>
              <table border="0" cellpadding="7" cellspacing="1"
						bgcolor="#D01313">
                <tr>
                  <td bgcolor="#F9DBDB"><strong>Nombre o Razon
                    Social:</strong></td>
                  <td bgcolor="#F9DBDB">TRANSPORTES THORNADO S.A.C</td>
                  <td bgcolor="#F9DBDB"><strong>Registro MTC:</strong></td>
                  <td bgcolor="#F9DBDB">646466CGN</td>
                </tr>
                <tr>
                  <td bgcolor="#F9DBDB"><strong>Representante:</strong></td>
                  <td bgcolor="#F9DBDB">JUAN JOSE SHONG</td>
                  <td bgcolor="#F9DBDB"><strong>Nro RUC:</strong></td>
                  <td bgcolor="#F9DBDB">2421347665</td>
                </tr>
                <tr>
                  <td bgcolor="#F9DBDB"><strong>Direccion:</strong></td>
                  <td bgcolor="#F9DBDB">KM 10.5 DE LA CARRETERA CENTRAL - ATE</td>
                  <td bgcolor="#F9DBDB"><strong>Teléfono:</strong></td>
                  <td bgcolor="#F9DBDB">95684224</td>
                </tr>
            </table></td>
	      </tr>
		  <tr>
		    <td bgcolor="#F4F4F3"><strong>Ingrese el archivo de solicitud:</strong>
		      <input type="file" name="fileField2" id="fileField2" />
		      *solo en
		      formato pdf. </td>
	      </tr>
		  <tr>
		    <td bgcolor="#E9E9E8"><strong>Itinerario</strong>
              <table border="0" cellpadding="3" cellspacing="1" bgcolor="#D01313">
                <tr>
                  <td rowspan="3" bgcolor="#F9DBDB"><strong>Origen:</strong></td>
                  <td bgcolor="#F9DBDB">Departamento </td>
                  <td bgcolor="#F9DBDB"><select name="select7">
                    <option value="-1">-- Seleccione Opcion --</option>
                  </select></td>
                  <td rowspan="3" bgcolor="#F9DBDB"><strong>Fecha de Salida:</strong></td>
                  <td rowspan="3" bgcolor="#F9DBDB"><input type="text" name="salida2" /></td>
                </tr>
                <tr>
                  <td bgcolor="#F9DBDB">Provincia </td>
                  <td bgcolor="#F9DBDB"><select name="select7">
                    <option value="-1">-- Seleccione Opcion --</option>
                  </select></td>
                </tr>
                <tr>
                  <td bgcolor="#F9DBDB">Distrito </td>
                  <td bgcolor="#F9DBDB"><select name="select7">
                    <option value="-1">-- Seleccione Opcion --</option>
                  </select></td>
                </tr>
                <tr>
                  <td rowspan="3" bgcolor="#F9DBDB"><strong>Destino:</strong></td>
                  <td bgcolor="#F9DBDB">Departamento </td>
                  <td bgcolor="#F9DBDB"><select name="select7">
                    <option value="-1">-- Seleccione Opcion --</option>
                  </select></td>
                  <td rowspan="3" bgcolor="#F9DBDB"><strong>Fecha de Llegada:</strong></td>
                  <td rowspan="3" bgcolor="#F9DBDB"><input type="text" name="origen2" /></td>
                </tr>
                <tr>
                  <td bgcolor="#F9DBDB">Provincia </td>
                  <td bgcolor="#F9DBDB"><select name="select7">
                    <option value="-1">-- Seleccione Opcion --</option>
                  </select></td>
                </tr>
                <tr>
                  <td bgcolor="#F9DBDB">Distrito </td>
                  <td bgcolor="#F9DBDB"><select name="select7">
                    <option value="-1">-- Seleccione Opcion --</option>
                  </select></td>
                </tr>
            </table></td>
	      </tr>
			<tr>
				<td bgcolor="#F4F4F3"><strong>Consignar ruta o rutas parciales a transitar</strong>
                  <table border="0" cellpadding="3" cellspacing="1">
                    <tr>
                      <th>Ruta :</th>
                      <th><input name="ruta2" type="text" size="50" /></th>
                      <th><span class="center">
                        <input type="submit"
									name="button4" id="button4" value="Guardar" class="button" />
                      </span></th>
                    </tr>
                  </table>
                  <table border="0" cellpadding="3" cellspacing="1" bgcolor="#D01313">
                    <tr>
                      <td bgcolor="#F9DBDB"><strong>Numero Ruta</strong></td>
                      <td bgcolor="#F9DBDB"><strong>Descripcion Ruta</strong></td>
                      <td bgcolor="#F9DBDB"><strong>Opciones</strong></td>
                    </tr>
                    <tr>
                      <td bgcolor="#F9DBDB"><strong>1</strong></td>
                      <td bgcolor="#F9DBDB"><strong>abc</strong></td>
                      <td bgcolor="#F9DBDB"><span class="center">
                        <input
									type="submit" name="button4" id="button6" value="Eliminar"
									class="button" />
                      </span></td>
                    </tr>
                    <tr>
                      <td bgcolor="#F9DBDB"><strong>2</strong></td>
                      <td bgcolor="#F9DBDB"><strong>abc</strong></td>
                      <td bgcolor="#F9DBDB"><input
									type="submit" name="button4" id="button6" value="Eliminar"
									class="button" /></td>
                    </tr>
                </table></td>
			</tr>
			<tr>
			  <td bgcolor="#E9E9E8">Requiere Apoyo Policial: 
			    
			        <input type="radio" name="RadioGroup2" value="1" id="RadioGroup2_0" />
			        SI
			      
			        <input type="radio" name="RadioGroup2" value="2" id="RadioGroup2_1" />
	          NO</td>
		  </tr>
			<tr>
			  <td bgcolor="#F4F4F3">Numero de vahiculos de apoyo:
			    <select name="select">
			      <option value="-1">-- Seleccione Opcion --</option>
	          </select></td>
		  </tr>
			<tr>
				<td bgcolor="#E9E9E8"><table border="0" cellpadding="3" cellspacing="1">
				  <tr>
				    <td align="right"><strong>Acciones</strong></td>
				    <td><input type="submit" name="button16" id="btnAgregarFormulario"
					value="Agregar Formulario" class="button" /></td>
				    <td><span class="center">
				      <input type="submit" name="button17"
									id="button16" value="Consultar" class="button" />
				      </span></td>
				    <td><span class="center">
				      <input type="submit" name="button18"
									id="button17" value="Editar" class="button" />
				      </span></td>
				    <td><span class="center">
				      <input type="submit" name="button19"
									id="button18" value="Eliminar" class="button" />
				      </span></td>
			      </tr>
				  </table></td>
			</tr>
			<tr>
			  <td bgcolor="#F4F4F3"><strong>Lista de formularios de autorizacion generados:</strong>
			    <table cellpadding="0" cellspacing="0" border="0"
						class="display" id="example">
			    <thead>
			      <tr>
			        <th>Id</th>
			        <th>Placa</th>
			        <th>Modelo</th>
			        <th>Marca</th>
			        <th>Peso Total(Kg)</th>
		          </tr>
		        </thead>
			    <tbody>
			      <tr class="gradeA">
			        <td>1</td>
			        <td>1</td>
			        <td>abcdeghij</td>
			        <td class="center">abcdeghij</td>
			        <td class="center">1000</td>
		          </tr>
			      <tr class="gradeA">
			        <td>2</td> 
			        <td>2</td>
			        <td>abcdeghij</td>
			        <td class="center">abcdeghij</td>
			        <td class="center">1000</td>
		          </tr>
			      <tr class="gradeA">
			        <td>3</td>
			        <td>3</td>
			        <td>abcdeghij</td>
			        <td class="center">abcdeghij</td>
			        <td class="center">1000</td>
		          </tr>
			      <tr class="gradeA">
			        <td>4</td>
			        <td>4</td>
			        <td>abcdeghij</td>
			        <td class="center">abcdeghij</td>
			        <td class="center">1000</td>
		          </tr>
		        </tbody>
			    <tfoot>
		        </tfoot>
		      </table></td>
		  </tr>
			<tr>
			  <td bgcolor="#F4F4F3"><input type="submit" name="button" id="button"
					value="Generar Expediente" class="button" />
		      <input type="submit" name="button2" id="button2"
					value="Cancelar" class="button" /></td>
		  </tr>
		</table>


	</div>

</div>

<br />

<div class="tabs" id="tabFormAuto">
	<ul>
		<li><a href="#tabs-1">Formulario de autorizacion vehicular
				especial</a></li>
	</ul>
	<div id="tabs-2" style="padding:10px;">
		<table width="100%" border="0" cellspacing="1" cellpadding="5" id="zebra" bgcolor="#D01313">
			<tr>
				<td bgcolor="#E9E9E8"><strong>Datos del vehiculo</strong>
				  <table border="0" cellpadding="3" cellspacing="1" bgcolor="#D01313">
				  <tr>
				    <td bgcolor="#F4F4F3"><strong>Tipo Unidad</strong></td>
				    <td bgcolor="#F4F4F3"><strong>Marca</strong></td>
				    <td bgcolor="#F4F4F3"><strong>Modelo</strong></td>
				    <td bgcolor="#F4F4F3"><strong>Placa</strong></td>
				    <td bgcolor="#F4F4F3"><strong>Largo(mt)</strong></td>
				    <td colspan="2" bgcolor="#F4F4F3"><strong>Ancho(mt)</strong></td>
				    </tr>
				  <tr>
				    <td rowspan="3" bgcolor="#F4F4F3"><select name="select2">
				      <option value="-1">-- Seleccione Opcion --</option>
			        </select></td>
				    <td bgcolor="#F4F4F3"><input type="text" name="marca12" size="15" /></td>
				    <td bgcolor="#F4F4F3"><input type="text" name="marca12" size="15" /></td>
				    <td bgcolor="#F4F4F3"><input type="text" name="marca12" size="15" /></td>
				    <td bgcolor="#F4F4F3"><input type="text" name="marca12" size="15" /></td>
				    <td colspan="2" bgcolor="#F4F4F3"><input type="text" name="marca12" size="15" /></td>
				    </tr>
				  <tr>
				    <td bgcolor="#F4F4F3"><strong>Nro Ejes</strong></td>
				    <td bgcolor="#F4F4F3"><strong>Nro Neumáticos</strong></td>
				    <td colspan="4" bgcolor="#F4F4F3"><strong>Peso seco (TARA) KG</strong></td>
				    </tr>
				  <tr>
				    <td bgcolor="#F4F4F3"><input type="text" name="marca" size="15" /></td>
				    <td bgcolor="#F4F4F3"><input type="text" name="marca2" size="15" /></td>
				    <td colspan="4" bgcolor="#F4F4F3"><input type="text" name="marca3" size="15" /></td>
				    </tr>
				  <tr>
				    <td colspan="7" bgcolor="#F4F4F3"><input type="submit" name="button5" id="button3"
					value="Agregar Vehiculo" class="button" /></td>
			      </tr>
				  </table>
				  <br />
				  <table border="0" cellpadding="3" cellspacing="1" bgcolor="#D01313">
				    <tr>
				      <td bgcolor="#F9DBDB"><strong>Tipo Unidad</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Marca</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Modelo</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Placa</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Largo(mt)</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Ancho(mt)</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Alto(mt)</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Nro Ejes</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Nro Neumáticos</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Peso seco (TARA) KG</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Opcion</strong></td>
			        </tr>
				    <tr>
				      <td bgcolor="#F9DBDB">Remolcador</td>
				      <td align="center" bgcolor="#F9DBDB">VOLVO</td>
				      <td align="center" bgcolor="#F9DBDB">FH12</td>
				      <td align="center" bgcolor="#F9DBDB">T3J-823</td>
				      <td align="center" bgcolor="#F9DBDB">6.67</td>
				      <td align="center" bgcolor="#F9DBDB">2.67</td>
				      <td align="center" bgcolor="#F9DBDB">2.67</td>
				      <td align="center" bgcolor="#F9DBDB">5</td>
				      <td align="center" bgcolor="#F9DBDB">3</td>
				      <td align="center" bgcolor="#F9DBDB">8000</td>
				      <td align="center" bgcolor="#F9DBDB"><span class="center">
				        <input type="submit" name="button7"
									id="button7" value="Eliminar" class="button" />
				      </span></td>
			        </tr>
				    <tr>
				      <td bgcolor="#F9DBDB">Semi Trailer</td>
				      <td align="center" bgcolor="#F9DBDB">VOLVO</td>
				      <td align="center" bgcolor="#F9DBDB">FH12</td>
				      <td align="center" bgcolor="#F9DBDB">T3J-823</td>
				      <td align="center" bgcolor="#F9DBDB">6.67</td>
				      <td align="center" bgcolor="#F9DBDB">2.67</td>
				      <td align="center" bgcolor="#F9DBDB">2.67</td>
				      <td align="center" bgcolor="#F9DBDB">5</td>
				      <td align="center" bgcolor="#F9DBDB">3</td>
				      <td align="center" bgcolor="#F9DBDB">8000</td>
				      <td align="center" bgcolor="#F9DBDB"><span class="center">
				        <input type="submit" name="button8"
									id="button8" value="Eliminar" class="button" />
				      </span></td>
			        </tr>
			      </table>
				  <br />
				  <strong>Autopropulsado y/o 
mercancia</strong> <br />
				  <table border="0" cellpadding="3" cellspacing="1" bgcolor="#D01313">
				    <tr>
				      <td bgcolor="#F4F4F3"><strong>Tipo mercancia</strong></td>
				      <td bgcolor="#F4F4F3"><strong>Largo(mt)</strong></td>
				      <td bgcolor="#F4F4F3"><strong>Ancho(mt)</strong></td>
				      <td bgcolor="#F4F4F3"><strong>Alto(mt)</strong></td>
				      <td bgcolor="#F4F4F3"><strong>Peso(KG)</strong></td>
			        </tr>
				    <tr>
				      <td bgcolor="#F4F4F3"><select name="select3">
				        <option value="-1">-- Seleccione Opcion --</option>
			          </select></td>
				      <td align="center" bgcolor="#F4F4F3"><input type="text" name="marca7" size="15" /></td>
				      <td align="center" bgcolor="#F4F4F3"><input type="text" name="marca8" size="15" /></td>
				      <td align="center" bgcolor="#F4F4F3"><input type="text" name="marca9" size="15" /></td>
				      <td bgcolor="#F4F4F3"><input type="text" name="marca10" size="15" /></td>
			        </tr>
				    <tr>
				      <td colspan="5" bgcolor="#F4F4F3"><input type="submit" name="button6" id="button5"
					value="Agregar Detalle" class="button" /></td>
			        </tr>
			      </table>
				  <br />
				  <table border="0" cellpadding="3" cellspacing="1" bgcolor="#D01313">
				    <tr>
				      <td bgcolor="#F9DBDB"><strong>Descripcion</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Largo(mt)</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Ancho(mt)</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Alto(mt)</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Peso(KG)</strong></td>
				      <td bgcolor="#F9DBDB"><strong>Opcion</strong></td>
			        </tr>
				    <tr>
				      <td bgcolor="#F9DBDB">ESTRUCTURAS METALICAS</td>
				      <td align="center" bgcolor="#F9DBDB">6.67</td>
				      <td align="center" bgcolor="#F9DBDB">2.67</td>
				      <td align="center" bgcolor="#F9DBDB">2.67</td>
				      <td bgcolor="#F9DBDB">8000</td>
				      <td align="center" bgcolor="#F9DBDB"><span class="center">
				        <input type="submit" name="button7"
									id="button7" value="Eliminar" class="button" />
				        </span></td>
			        </tr>
				    <tr>
				      <td bgcolor="#F9DBDB">ESTRUCTURAS METALICAS</td>
				      <td align="center" bgcolor="#F9DBDB">6.67</td>
				      <td align="center" bgcolor="#F9DBDB">2.67</td>
				      <td align="center" bgcolor="#F9DBDB">2.67</td>
				      <td bgcolor="#F9DBDB">8000</td>
				      <td align="center" bgcolor="#F9DBDB"><span class="center">
				        <input type="submit" name="button8"
									id="button8" value="Eliminar" class="button" />
				        </span></td>
			        </tr>
		      </table>
			  <br />
			  <table border="0" cellpadding="3" cellspacing="1" bgcolor="#D01313">
			    <tr>
			      <td rowspan="2" bgcolor="#F9DBDB"><strong>Dimensiones totales del vehiculo <br />
			        (Incluido mercancia)</strong></td>
			      <td bgcolor="#F9DBDB"><strong>Largo(mt)</strong></td>
			      <td bgcolor="#F9DBDB"><strong>Ancho(mt)</strong></td>
			      <td bgcolor="#F9DBDB"><strong>Alto(mt)</strong></td>
			      <td bgcolor="#F9DBDB"><strong>Peso(KG)</strong></td>
		        </tr>
			    <tr>
			      <td align="center" bgcolor="#F9DBDB">6.67</td>
			      <td align="center" bgcolor="#F9DBDB">2.67</td>
			      <td align="center" bgcolor="#F9DBDB">2.67</td>
			      <td bgcolor="#F9DBDB">8000</td>
		        </tr>
		      </table></td>
			</tr>
			<tr>
				<td bgcolor="#F4F4F3"><input type="submit" name="button12" id="button22"
					value="Guardar Formulario" class="button" />
			    <input type="submit" name="button3" id="btnCancelarForm"
					value="Cancelar" class="button" /></td>
			</tr>
		</table>
		<br />
	</div>
</div>
